<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发表_看看网</title>
    <link rel="stylesheet" href="/static/css/publish.css"/>
    <link rel="stylesheet" href="/static/font/iconfont.css"/>
    <script type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
    <!--<script type="text/javascript" charset="utf-8" src="../static/ueditor-1.4.3.3/ueditor.config.js"></script>-->
    <!--<script type="text/javascript" charset="utf-8" src="../static/ueditor-1.4.3.3/Gruntfile.js"></script>-->
    <!--<script type="text/javascript" charset="utf-8" src="../static/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script>-->
    <!--<script id="editor" type="text/plain" name="gdesc" style="width:100%;height:350px;"></script>-->
    <!--<script type="text/javascript">-->
        <!--//实例化编辑器-->
        <!--var ue = UE.getEditor('editor', {});-->
    <!--</script>-->
</head>
<body>
        <div class="header">
            <ul>
                <span class="iconfont icon-ren"><a href="#">网站首页</a></span> <!--还要考虑要不要,先放着-->
                <span class="iconfont icon-ren"><a href="#">站点价格</a></span>
                <span class="iconfont icon-ren"><a href="#">我的用户名</a></span>
            </ul>
        </div>
        <div class="nav">
            <ul>
                <li>
                    <i class="iconfont icon-ren"></i>
                    <a href="#">我的帐号</a>  <!--添加的是个人中心和个人信息的网址-->
                </li>
                <li>
                    <div>
                        <i class="iconfont icon-guanli"></i>
                        <a href="#">交易管理</a>
                        <i class="iconfont icon-youjiantou hidden_child" style="transform: rotate(90deg);"></i>
                    </div>
                    <div class="child1">
                        <span><a href="#">在线充值</a></span>
                        <span><a href="#">交易记录</a></span>
                    </div>
                </li>
               <li>
                   <div>
                        <i class="iconfont icon-feiji"></i>
                        <a href="#">发布管理</a>
                        <i class="iconfont icon-youjiantou hidden_child" style="transform: rotate(90deg)"></i>
                   </div>
                   <div class="child2">
                       <span><a class="active" href="#">发布稿件</a></span>
                       <span><a class="other_child" href="#">发布记录</a></span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="section" >
            <div style="padding: 10px;">
                <div class="main-content">
                <ul class="clearfix">
                    <li class="am-active">
                        <a class="color-black-4" href=" ">
                            <span><a href="#">1.发布稿件</a></span>
                            <span>&gt;</span>
                        </a>
                    </li>
                    <li>
                        <span>2.确认支付</span>
                        <span>&gt;</span>
                    </li>
                     <li>
                        <span>3.出稿</span>

                    </li>
                </ul>
            </div>
            <form class="myform" action="" method="post">
                <div class="namebox">
                    <label>稿件标题:<input id="title" name="title" type="text" placeholder="请输入标题" value=""></label>
                    <label>作者:<input id="author" name="author" type="text" placeholder="请输入您的名字" value=""></label>
                    <label>上传封面:<input id="source" name="source" type="file"></label>
                    <div class="abstract">
                        <span>摘&nbsp;&nbsp;&nbsp;要:</span>
                        <textarea cols=125 rows=7 name="content"></textarea>
                    </div>
                    <div class="article">
                        <span>内&nbsp;&nbsp;&nbsp;容:</span>
                        <textarea cols=125 rows=10 name="article"></textarea>
                    </div>
                </div>
            </form>
            </div>

        </div>
        <div class="footer">
            <a href="javascript:void(0)">预览稿件</a>
            <select>
                <option><a href="#">选择站点</a></option>
                <option><a href="#">选择站点</a></option>
                <option><a href="#">选择站点</a></option>
            </select>
            <select>
                <option><a href="#">选择频道</a></option>
                <option><a href="#">选择站点</a></option>
                <option><a href="#">选择站点</a></option>
            </select>
            <a href="http://localhost:8000/pay">下一步&nbsp;&nbsp;确认支付</a>
        </div>
        <div class="hidden_div">
             <div class="cover">

            </div>
            <div class="content clearfix">
                <span>返回</span>
                <h3>标题</h3>
                <div class="from">
                    <span class="author"></span>
                    <spa0n class="source"></spa0n>
                </div>
                <div class="txt clearfix">
                    <p class="zhaiyao"></p>
                    <div class="neirong"></div>
                </div>
            </div>
        </div>

</body>
    <script type="text/javascript" src="/static/js/publish.js"></script>
</html>